.navigator {
    .ranking {
        box-sizing: border-box;
        width: 30px;
        height: 30px;

        background-image: url("./images/ic_menu_top.png");
        background-repeat: no-repeat;
        background-clip: content-box;
        background-size: cover;
    }
    .navigatorLeft {
        box-sizing: border-box;
        width: 30px;
        height: 30px;

        background-image: url("./images/left.png");
        background-clip: content-box;
        background-repeat: no-repeat;
        background-size: contain;
    }
}
.page-hd {
    position: relative;
    background-color: orange;

    .myCoin {
        height: 152px;
        padding-left: 108px;

        color: #fff;
        background-image: url("./images/myCoin_bg.png");
        background-repeat: no-repeat;
        background-size: contain;

        & p {
            margin: 0;
        }

        & .title {
            padding-top: 35px;

            font-size: 14px;
        }
        
        .scrollNumber {
            font-size: 35px;
        }

        & .unit {
            display: inline-block;
            margin-left: 5px; /*no*/

            font-size: 15px;
        }

        & .tip {
            font-size: 12px;
            transform: scale(0.833);
            transform-origin: left;
        }
    }

    .btn-award,
    .btn-rules {
        position: absolute;
        right: 0px;/*no*/

        width: 86px;
        height: 28px;

        background-repeat: no-repeat;
        background-size: contain;
    }
    .btn-award {
        top: 56px;

        background-image: url("./images/btn_award_bg.png");
    }
    .btn-rules {
        top: 20px;

        background-image: url("./images/btn_rules_bg.png");
    }
}
.page-bd {
    margin-top: -20px;
    margin-bottom: 40px;

    .signinAward {
        position: relative;

        border-radius: 18px 18px 0 0; /*no*/
        background-color: #fff;
    }
}
